Ext.define('IG.view.Main', {
	extend : 'Ext.tab.Panel',
	
	config: {
        ui: 'light',
        tabBar: {
            layout: {
                pack: 'center'
            }
        },
        activeItem: 0,
        fullscreen: true,
        scrollable: true,
        items: [
            {
                title: '<span class="tabTitle">Base Info</span>',
                html : 'By default, tabs are aligned to the top of a view.'
            },
            {
                title: '<span class="tabTitle">GPS & Pic Gathering</span>',
                html : 'A TabPanel can use different animations by setting <code>layout.animation.</code>'
            },
            {
                title: '<span class="tabTitle">Request Info</span>',
                html : 'B TabPanel can use different animations by setting <code>layout.animation.</code>'
            },
            {
            	title: '<span class="tabTitle">Scan & Submit</span>',
            	html : '<span class="action">User tapped Tab 3</span>'
            }
        ]
    }

});